<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>云墅</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge，chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="R9XA5lWxu2"/>
    <meta name="author" content="云墅">
    <meta name="keywords" content="云墅">
    <meta name="description" content="云墅">
    <link rel="stylesheet" href="plugins/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/ys.css">
</head>
<body>


<header>
    <div class="container">
        <div class="logo-box">
            <a href="index.jsp"><img src="images/logo.png"></a>
        </div>
        <ul class="nav nav-ul">
            <li><a href="index.jsp" target="_blank">首页</a></li>
            <li><a href="reservation.jsp" target="_blank">订房</a></li>
            <li><a href="story.jsp" target="_blank">故事</a></li>
            <li><a href="news.jsp" target="_blank">新闻</a></li>
            <li><a href="about.jsp" target="_blank">关于我们</a></li>
        </ul>
        <ul class="nav nav-right">
            <li>登录</li>
            <li>注册</li>
        </ul>
    </div>
</header>



<div class="detail-wrap container">

    <div>
        <a href=""><img src="images/write.png" class="pull-right"></a>
        <div class="tag-box">
            <span class="arrow"></span><span class="title">正文</span>
        </div>
    </div>

    <div class="detail-box">
        <div class="detail-title-box">
            <div class="user-box">
                <img src="temp/u12.png"><span class="name">云舒</span>
            </div>
            <div class="title text-center">
                我在云墅的一天
            </div>
            <div class="time text-center">
                2017.3.20
            </div>
        </div>
        <div class="detail-content">
            <p>
                与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来。
            </p>
            <br>
            <p>
                <img src="temp/co1.jpg">
            </p>
            <br>
            <p>
                与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来。
            </p>
            <br>
            <p>
                与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来，感受古镇带来的安静和高原地带更加温暖的一米阳光。与丽江结缘的人大概都是有故事的。它是感情的疗养地，它带你逃离，置身世外。当然也有很多人是慕名而来。
            </p>

        </div>
    </div>


    <div class="comment-wrap">
        <div class="comment-num">
            <span>6</span>条评论
        </div>
        <div class="title-box">
            <i class="icon i-write"></i>我要评论
        </div>
        <div class="comment-form">
            <textarea id="content" placeholder="这里输入想评论的内容"></textarea>
            <div class="text-right">
                <button class="btn-submit">发表评论</button>
            </div>
        </div>
        <div class="comment-list-box">
            <ul>
                <li>
                    <div class="user-box">
                        <img src="temp/u12.png">
                        <div class="user-info">
                            <div class="name">李剑</div>
                            <div class="time">2017.3.2</div>
                        </div>
                    </div>
                    <div class="content-info">
                        <div class="content c999">
                            呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义修行在于意识悟。身如莲华无尘染，正觉即身成佛义。
                        </div>
                        <div class="reply-box">
                            <div class="see-box">查看回复<i class="icon i-arrow-down"></i></div>
                            <div class="reply-content c999">
                                <span class="author ">作者 回复</span>：
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="user-box">
                        <img src="temp/u12.png">
                        <div class="user-info">
                            <div class="name">李剑</div>
                            <div class="time">2017.3.2</div>
                        </div>
                    </div>
                    <div class="content-info">
                        <div class="content c999">
                            呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义修行在于意识悟。身如莲华无尘染，正觉即身成佛义。
                        </div>
                        <div class="reply-box">
                            <div class="see-box">查看回复<i class="icon i-arrow-down"></i></div>
                            <div class="reply-content c999">
                                <span class="author ">作者 回复</span>：
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="user-box">
                        <img src="temp/u12.png">
                        <div class="user-info">
                            <div class="name">李剑</div>
                            <div class="time">2017.3.2</div>
                        </div>
                    </div>
                    <div class="content-info">
                        <div class="content c999">
                            呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义。呼亦禅，吸亦禅，一思一念均是禅，修行在于意识悟。身如莲华无尘染，正觉即身成佛义修行在于意识悟。身如莲华无尘染，正觉即身成佛义。
                        </div>
                        <div class="reply-box">
                            <div class="see-box active"><span>收起</span><i class="icon i-arrow-down "></i></div>
                            <div class="reply-content c999 active">
                                <span class="author ">作者 回复</span>：
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静犹如对牛弹琴悟净。禅乃心定，如日月横静
                                犹如对牛弹琴悟净。禅乃心定，如日月横静
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <!--分页符-->
        <nav class="page navigation text-center">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <i class="icon i-arrow-left"></i>
                    </a>
                </li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li class="omit"><a href="#">...</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <i class="icon i-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </nav>
    </div>



</div>


<footer>
    <div class="about-box">
        <div class="container">
            <div class="about-link">
                联系我们<br>
                <span>Contact us</span>
            </div>
            <div class="contact-box">
                <div class="title">
                    云南创网空港科技有限公司
                </div>
                <p>
                    地点：云南省昆明市盘龙区SOHO俊园11栋2309
                </p>
                <p>
                    电话：400-000-0000
                </p>
                <p>
                    邮编：000000
                </p>
                <p>
                    传真：000-0000000
                </p>
                <p>
                    邮箱：yunnan@qq.com
                </p>
            </div>
            <div class="qr-box">
                <img class="f-logo" src="images/logo.png"><br>
                <img src="temp/qr.png">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        本站所有制作以及设计由云南创网空港科技有限公司完成         COPYRIGHT (©) 2017.
    </div>
</footer>






<script src="js/jquery.min.js"></script>
<script src="plugins/swiper/js/swiper.min.js"></script>
<script src="js/modal_build.js"></script>
<script src="js/modal_index.js"></script>
<script>
    document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    window.onresize = function () {
        document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    };
</script>
</body>
</html>